.coupon
  height: 100vh
  .no-coupon
    text-align center
    margin-top: 100px
.list
  height: 100vh
.item
  margin 30px
  min-height 200px
  border-radius: 10px;
  background: url("../../assets/images/coupon/coupon.png") no-repeat right bottom, linear-gradient(90deg, #FFEFC7 0%, #F5D493 100%);
  background-size 100% auto
  display flex
  justify-content stretch
  color: #BD9037;
  .left
    flex 1
    display flex
    align-items center
    align-self center
    justify-content center
    line-height 80px
    height: 80px
    overflow: hidden
    .symbol
      font-size 26px;
    .amount
      font-size 60px
  .right
    font-size: 20px;
    padding: 16px
    width 256px
    .label
      font-size: 26px;
      font-weight bold
    .value
      white-space nowrap
      text-overflow ellipsis
      overflow hidden
    .br
      height 20px
      width 100%
